<%@page language="java" contentType="text/html;charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html>
 <head>
  <meta charset="UTF-8">
  <title>收集</title>
  <script src="js/关于.js" ></script>
  <script src="js/comment.js"></script>
  <link rel="stylesheet" href="css/关于.css">
	 <link rel="stylesheet" href="css/index.css">
	 <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
	 <script src="commen/TagCanvas example_files/tagcanvas.min.js" type="text/javascript"></script>
	 <script type="text/javascript">
		 $(document).ready(function() {
		 window.onload = function() {
			 try {
				 TagCanvas.Start('myCanvas','tags',{
					 backgroundColor:'#5eeeca',
					 textColour: '#770091',
					 outlineColour: '#dfee0f',
					 reverse: true,
					 textFont: 'Impact,"Arial Black",sans-serif',
					 depth: 0.8,
					 maxSpeed: 0.1
				 });
			 } catch(e) {
				 // something went wrong, hide the canvas container
				 document.getElementById('myCanvasContainer').style.display = 'none';
			 }
		 };})
	 </script>
 </head>
 <body>
  <div id="container">
	<div id="header">
		<jsp:include page="commen/top.jsp"/>
	<div id="biaoti">
		<h2>收集</h2>
		<hr size="2px" color="#b5b5b5" width="990px" align="left">
	</div>
	<div id="wenjuan">
		<form action="Tougao" method="get">
			<table   cellspacing="0" cellpadding="0"   width="990px"  height="830px"align="center"  >
				<tr>
					<td class="bt1">
						收集古今中外妖怪
					</td>
				</tr>
				<tr>
					<td>
						<p id="p1">亲爱的读者：大家好!<br>如果有本站未收集到的妖怪，欢迎投稿❤</p>

					</td>
				</tr>
				<tr>
					<td>
						<table border="0" >
							<tr>
								<td class="td1">1.您的性别：</td>
								<td>
									<label for="boy"><input id="boy" name="sex" type="radio" value="男"/>男</label>&nbsp;&nbsp;
									<label for="girl"><input id="girl" name="sex" type="radio" value="女"/>女</label>
								</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td>
						<table border="0" >
							<tr>
								<td class="td1">2.您的联系方式(Wechat/QQ)：</td>
								<td>
									<input type="text" id="a" value="" size="30" name="wechat"/>
								</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td>
						<table border="0" >
							<tr>
								<td class="td1">3.您投稿的妖怪：</td>
								<td>
									<select name="grade">
										<option value="古">古</option>
										<option value="今">今</option>
										<option value="中">中</option>
										<option value="外">外</option>
									</select>
								</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td>
						<table border="0" >
							<tr>
								<td class="td1">4.妖怪的名字</td>
								<td>
									<input type="text" name="name" value="" size="30" />
								</td>
							</tr>
						</table>
					</td>


				<tr>
					<td>
						<table border="0"  >
							<tr>
								<td class="td1">
									5.您所投稿妖怪的资料：
								</td>
							</tr>
							<tr>
								<td>
									<textarea rows="5" cols="100" id="h" name="con"></textarea>
								</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td>
						<table border="0" >
							<tr>
								<td class="td1">6.上传图片：</td>
								<td>
									<input type="file" name="uploadFile" />
									<br/><br/>
								</td>
							</tr>
						</table>
					</td>

				<tr height="50px">
					<td >
						<input type="submit" id="" name="" value="提交" onclick="check5()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="reset" name=""  value="清空" />
					</td>
				</tr>
				<tr>
					<td height="40px" align="center" valign="middle">
					</td>
				</tr>
			</table>
		</form>

	<div><br><br><br><br>
	</div></div>

	<div style="background: #6abdaa;text-align: center">
		<h1>我们的妖怪</h1>
		<div id="myCanvasContainer">
			<canvas width="300" height="300" id="myCanvas">
				<p>我们的妖怪</p>
			</canvas>
		</div>
		<div id="tags" style="display: none;">
			<ul>
                <c:forEach items="${requestScope.yaoguai}" var="y">
				<li><a href="yaoguai" target="_blank" >${y.name}</a></li>
				</c:forEach>
				<li><a href="https://qm.qq.com/q/n92BwlMxc4&personal_qrcode_source=1">严辉村队医</a></li>
				<li><a href="https://qm.qq.com/q/n92BwlMxc4&personal_qrcode_source=1">严辉村队长</a></li>
				<li><a href="https://qm.qq.com/q/n92BwlMxc4&personal_qrcode_source=1">严辉村队徽</a></li>
				<li><a href="https://qm.qq.com/q/n92BwlMxc4&personal_qrcode_source=1">神兽</a></li>
			</ul>
		</div>
	</div>

		<div id="comment">
		<jsp:include page="commen/bottom.jsp"/>
	</div>
	</div>
 </div>
 </body>
</html>
